<template>
  <div class="detail-content">
    <el-dialog :visible="obj.visible" title="原因" width="25%" @close="handleClose(false)">
      <!-- <div class="detail_close" @click="close(false)">
        <i class="el-icon-close"></i>
      </div> -->
      <div class="reason-info">
        <div class="pic">
          <!-- <el-image class="pic" src="../../" fit="cover"/> -->
          <img src="../../assets/img/resion.png" >
        </div>
        <div class="txt">
          <div class="name">未通过原因：</div>
          <div class="reason">{{obj.resultSummary}}</div>
        </div>
      </div>
    </el-dialog>
  </div>
</template>

<script>

  export default {
    props:{
      obj:Object,
      default:{
        visible:false
      }
    },

    data () {
      return {

      }
    },
    created () {
      console.log('过去父组件传递过来的弹窗对象',this.obj)

    },
    methods: {
      // 关闭
      handleClose(data){
        console.log('获取关闭',data)
        this.$emit("handleClose",data)
      }
    }
  }
</script>

<style lang="scss" scoped>
  .detail-content{
    /deep/.reason-info[data-v-eec6e8a2]{
      min-height:0
    }
  }
  .reason-info {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 290px;

    .pic {
      min-width: 150px;
      height: 150px;
      width: 150px;
    }

    .txt {
      padding-left: 20px;
      line-height: 24px;
    }
  }
</style>
